// 1. 函数组件：使用JS的函数或者箭头函数创建的组件
// + 使用 JS 的函数(或箭头函数)创建的组件，叫做`函数组件`
// + 约定1：**函数名称必须以大写字母开头(标签名)**，React 据此区分组件和普通的 HTML标签
// + 约定2：**函数组件必须有返回值**，表示该组件的 UI(jsx) 结构；如果不需要渲染任何内容，则返回 `null`
// css 样式
import './index.css'
function App() {
  // js逻辑
  const data = 100
  // html视图
  return (
    <div className="box">
      <h1>我的第一个react函数组件</h1>
      <p>{data}</p>
    </div>
  )
}

export default App
